<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <video class="player" id="player" controls muted autoplay> </video>
    <div class="info">
        
        <div class="process">
            <span id="curIndex">1</span>
            /
            <span id="totalLength">4</span>
        </div>
        <div class="title" id="title">xxx</div>
    </div>
    <!-- 进程 -->
    <div class="progress">

    </div>
    <div class="control">
        <i class="pre iconfont icon-shangyiqu101" id="pre"></i>
        <i class="pause iconfont icon-bofang" id="pause" style="display: none"></i>
        <i class="pause iconfont icon-bofang1" id="play1" ></i>
        <i class="next iconfont icon-xiayiqu101" id="next"></i>
    </div>
    <!-- 弹窗  -->
    <div class="popup">
        <p class="textp">放弃可以找到一万个理由，坚持只需一个信念！</p>
        
        <div class="mask"></div>
        <!-- 两个按钮 -->
        <div class="container">
          <button id="continue">继续训练</button>
          <button id="end">结束训练</button>
        </div>
        <div class="ct df">
            <img id="ctimg" alt="">
            <div class="txt df">
                <div class="tp ">
                    当前：
                </div>
                <div class="bt">胯关节环绕</div>
            </div>
        </div>
      </div>
</body>

</html>